<template>
  <div class="tab">
    <router-link to="/home" class="tab-item">
      <van-icon name="home" />
      <span class="tab-link tab-active">会议服务</span>
    </router-link>
    <router-link to="/personal" class="tab-item">
      <van-icon name="contact" />
      <span class="tab-link">个人中心</span>
    </router-link>
  </div>
</template>
<style>
  .tab{
    display: flex;
    width: 100%;
    height: 120px;
    position: fixed;
    bottom: 0;
    border-top: 1PX solid #eee;
    background: #fff;
    z-index: 1;
    box-shadow: -1PX 2PX 6PX grey;
  }
  .tab .tab-item{
    width: 50%;
    float: left;
    text-align: center;
  }
  .tab a{
    text-decoration: none;
    color: #303030;
  }
  .tab-link{
    font-size: 24px;
    margin-top: 12px;
  }
  .tab .router-link-active{
    color: #557ae4!important;
    padding-bottom: 10px;
  }
  .tab .van-icon{display: block;margin: 16px auto;width: 100%!important;
    height:auto!important;}
  .tab .van-icon:before{font-size: 0.6rem;}
</style>



